Why are we optimizing images? Image optimization is a great way to boost your sites or blogs SEO, we are optimizing the images in different ways to reduce the size of the images, because if we use a larger size of images, then our Increases page loading time, use other Alt tag for title and image
To use the image on blogs or webpages, we need an <img> tag to add or display an image on a web page. Image tags have three properties and they are source (image source), title (image title) and alt (alt text for image). Whenever we use the image on a web page, we only use <img src = "image link" /> but we forget to add the title and alt tags for the image, these two features are the most important for image optimization Use alt tag for image descriptions and title tags for title of image, whenever we move the mouse cursor over the image, show the image title. Here I will show you how to optimize the image for a webpage.
Why the image needs to be customized
Just add an image tag to your website's webpage, an image will appear, but the search engine robots are not able to understand what the image is about. This is the reason why you can see the image of your webpage. Must add alternate text for In order to classify and describe both your visitors and search engine bots, you need to add title and alt attribute. Title attribute we describe the image for the visitor and describe the image to find the engine bots to use the Alt attribute.
Good way to image optimization
Not so good
<img src="nobita.png" alt="" title=""/>
Better
<img src="yourimagename.png" alt="relation to image title" title="image title"/>
Best
<img src="nobita.png" alt="nobita likes sujuka and they are best friends" title="nobita like sujuka">
To be avoided
Example
<img src="nobita.png" alt="nobita and dorimon is best friends and nobita like sujuka, nobita is a good boy but he never do their homework and he also get zero marks in test "/>
Always avoid long writing description in alt attribute.